<template>
    <div class="pinglunView">
      <input class="wjhinput" type="text" name="" id="" v-model="text">
      <button @click.stop="add_talk()">发送</button>
    </div>
</template>
<script>
import { ref, reactive } from 'vue'
export default {
    
    
    setup(props,{emit}){
        const text =ref('')
        const add_talk=()=>{
            emit('submit',text.value)
        }
        return {text,add_talk}
    }
}
</script>
<style lang="less" scoped>
.pinglunView{
  border-top: 1px solid #dadada;
  display: flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 20rem;
    height: 100rem;
    input{
          background: #f8f8f8;
          height: 60rem;
          width: 500rem;
    }
    button{
      padding: 20rem 34rem;
      margin: 0 20rem;
      background: #8a74ff;
      border-radius: 10rem;
      color: #fff;
      font-size: 1rem;
    }
}
</style>